<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'MyJsp.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<script type="text/javascript" src="<%=basePath%>/js/jquery-3.2.1.js"></script>
	<script type="text/javascript" src="<%=basePath%>/js/addarticle.js"></script>
	
	<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
	<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
	<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
	
	<script type="text/javascript" src="//unpkg.com/wangeditor/release/wangEditor.min.js"></script>

  </head>
  
  <body>
  <!--  
  	<div>
  		<span>文章封面</span>
  		<form action="backStage/addArticleDo" enctype="multipart/form-data" accept="image/*" method="post" accept-charset="utf-8">
    	<span>主题</span>
    	<input type="input" name="articleName">
    	<span>类型</span><br/>
    	<select name="articleSortID"> 
			<option value="0">DIVCSS5</option> 
			<option value="1">DIVCSS5</option> 
		</select> 
    	<span>内容</span>
    	<input type="text" name="content">
    	<input type="submit" name="tijiao">
    </form>
  	</div>
  	-->
  	
  	
  	<header class="bar bar-nav">
  <h1 class='title'>添加文章</h1>
</header>
<div class="content">
  <div class="list-block">
    <ul>
      <!-- Text inputs -->
      <li>
        <div class="item-content">
          <div class="item-media"><i class="icon icon-form-name"></i></div>
          <div class="item-inner">
            <div class="item-title label">标题</div>
            <div class="item-input">
              <input type="text" id="articleName" placeholder="Your title">
            </div>
          </div>
        </div>
      </li>
      <!-- 下拉列表   分组 -->
      <li>
        <div class="item-content">
          <div class="item-media"><i class="icon icon-form-gender"></i></div>
          <div class="item-inner">
            <div class="item-title label">分组</div>
            <div class="item-input">
              <select id="articlesort">
              </select>
            </div>
          </div>
        </div>
      </li>
            <!-- 下拉列表   类型-->
      <li>
        <div class="item-content">
          <div class="item-media"><i class="icon icon-form-gender"></i></div>
          <div class="item-inner">
            <div class="item-title label">栏目</div>
            <div class="item-input">
              <select id="typeId">
              </select>
            </div>
          </div>
        </div>
      </li>
				 <!-- file  -->
      <li>
        <div class="item-content">
          <div class="item-media"><i class="icon icon-form-toggle"></i></div>
          <div class="item-inner">
            <div class="item-title label">封面</div>
            <div class="item-input">
              <label class="label-switch">
                <input type="file" id="file" name="file">
              </label>
            </div>
          </div>
        </div>
      </li>      
      <!-- Switch (Checkbox) -->
      <li>
        <div class="item-content">
          <div class="item-media"><i class="icon icon-form-toggle"></i></div>
          <div class="item-inner">
            <div class="item-title label">公开</div>
            <div class="item-input">
              <label class="label-switch">
                <input type="checkbox" id="articleType">
                <div class="checkbox"></div>
              </label>
            </div>
          </div>
        </div>
      </li>
      <!-- 富本编辑器 -->
      <div id="div1" class="toolbar">
    </div>
    <div style="padding: 5px 0; color: #ccc"></div>
    <div id="div2" class="text"> <!--可使用 min-height 实现编辑区域自动增加高度-->
        <p>请输入内容</p>
    </div>
      
            <!-- Text 验证码 -->
      <li>
        <div class="item-content">
          <div class="item-media"><i class="icon icon-form-name"></i></div>
          <div class="item-inner">
            	<img alt="" src="/smm3/kaptcha/getpic" id="identifyingcode" onclick="changeIdentifyingCode()" >
            <div class="item-input">
              <input type="text" placeholder="Identifying code" id="code">
            </div>
          </div>
        </div>
      </li>
    </ul>
  </div>
  <div class="content-block">
    <div class="row">
      <div class="col-50"><a href="javascript:;"  class="button button-big button-fill button-danger">取消</a></div>
      <div class="col-50"><a href="javascript:;" id="submitArrticle" class="button button-big button-fill button-success">提交</a></div>
    </div>
  </div>
</div>
  	<img alt="" src="/smm3/kaptcha/getpic" style="width: 150px;height: 40px">
  </body>
</html>
